import React, { Component } from 'react'
import Footer from '../../components/footer'
import './changePswd.scss'
import { NavLink } from 'react-router-dom'
import { Switch } from 'antd-mobile';

class Com extends Component {
    constructor (props) {
        super(props)
        this.state = {
            checked: true,
            checked1: false
        }
    }
    render() {
        return (
            <div className="container">
                <div className="box">
                    <div className="changePswd_content">
                        <header>
                            <NavLink to="/users/set">
                                <img src="/images/user/personalSet/jiantou.png" alt="" />
                            </NavLink>
                            <p>消息设置</p>
                        </header>
                        <div className="scroll_box">
                            <div className="newsSet">
                                <div>
                                    <p>接收精选消息</p>
                                    <Switch
                                        checked={this.state.checked}
                                        style={{width:".46rem",height:".26rem"}}
                                        onChange={() => {
                                            this.setState({
                                                checked: !this.state.checked,
                                            })
                                        }}
                                    />
                                </div>
                                <div>
                                    <p>接收订阅消息</p>
                                    <Switch
                                        checked={this.state.checked1}
                                        style={{width:".46rem",height:".26rem"}}

                                        onChange={() => {
                                            this.setState({
                                                checked1: !this.state.checked1,
                                            })
                                        }}
                                    />
                                </div>
                                <p>
                                    请到“设置-通知中心，找到途友旅游，开启消息推送功能,您就可以接收到我们推送的消息啦！各种优惠、折扣等着你哦！
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <Footer />
            </div>
        )
    }
}

export default Com